<template>
  <view>
    <uni-icons type="location" size="18" color="#333"></uni-icons>
    <text class="location-text">{{ currentLocation }}</text>
    <uni-icons type="arrowdown" size="14" color="#333"></uni-icons>
  </view>
</template>

<script>
  export default {
    name: "LocationBar",
    props: {
      currentLocation: String
    },
    data() {
      return {

      };
    }
  }
</script>

<style>
  .location-text {
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
  }
</style>